<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>投资列表 - ${title}</title> 
        <#include "/front/head.html"/>
		<link type="text/css" rel="stylesheet" href="${base}/res/front/css/sytle/businessPage-css/transactionList.css" />
		
        <script type="text/javascript" charset="utf-8">
        function getTableForm() {
        	return document.getElementById('jvForm');
        }
            $(function(){
                $('.hover').hover(
                    function(){
                        $(this).addClass('hover_bg');
                    },
                    function(){
                        $(this).removeClass('hover_bg');
                    }
                );
				//默认开始选择
				$(".select_1 .unlimited_1").addClass("selected").children(".all_1").attr("checked","checked");
				$(".select_2 .unlimited_2").addClass("selected").children(".all_2").attr("checked","checked");
				$(".select_3 .unlimited_3").addClass("selected").children(".all_3").attr("checked","checked");
				//点击"不限"事件
				$(".select_1 .unlimited_1").click(function(){
					$(this).addClass("selected").children(".all_1").attr("checked","checked");//如果"不限"选择时
					$(".select_1 .tab_1").removeClass("selected").children(".checks_1").removeAttr("checked");//对应的"不限"分支条件选择为空值
				});
				$(".select_2 .unlimited_2").click(function(){
					$(this).addClass("selected").children(".all_2").attr("checked","checked");//如果"不限"选择时
					$(".select_2 .tab_2").removeClass("selected").children(".checks_2").removeAttr("checked");//对应的"不限"分支条件选择为空值
				});
				$(".select_3 .unlimited_3").click(function(){
					$(this).addClass("selected").children(".all_3").attr("checked","checked");//如果"不限"选择时
					$(".select_3 .tab_3").removeClass("selected").children(".checks_3").removeAttr("checked");//对应的"不限"分支条件选择为空值
				});
				
				//点击"不限"的对应分支条件事件
				$(".tab_1").click(function(){
					if($(this).addClass("selected").children(".checks_1").attr("checked") == undefined){
						$(".unlimited_1").removeClass("selected").children(".all_1").removeAttr("checked");
						$(this).addClass("selected").children(".checks_1").attr("checked","checked");
					}else{
						$(this).removeClass("selected").children(".checks_1").removeAttr("checked");
						
					}
				});
				$(".tab_2").click(function(){
					if($(this).addClass("selected").children(".checks_2").attr("checked") == undefined){
						$(".unlimited_2").removeClass("selected").children(".all_2").removeAttr("checked");
						$(this).addClass("selected").children(".checks_2").attr("checked","checked");
					}else{
						$(this).removeClass("selected").children(".checks_2").removeAttr("checked");
						
					}
				});
				$(".tab_3").click(function(){
					if($(this).addClass("selected").children(".checks_3").attr("checked") == undefined){
						$(".unlimited_3").removeClass("selected").children(".all_3").removeAttr("checked");
						$(this).addClass("selected").children(".checks_3").attr("checked","checked");
					}else{
						$(this).removeClass("selected").children(".checks_3").removeAttr("checked");
						
					}
				});
				

				<#list targetType!! as c>
					$(".checks_1[value=${c}]").attr("checked","checked").parent().addClass("selected")
					$(".checks_1[value=${c}]").attr("checked","checked").parent().parent().children(".unlimited_1").removeClass("selected").children(".all_1").attr("checked","");
					//
				</#list>
				<#list dateList!! as c>
					$(".checks_2[value='${c}']").attr("checked","checked").parent().addClass("selected")
					$(".checks_2[value='${c}']").attr("checked","checked").parent().parent().children(".unlimited_2").removeClass("selected").children(".all_2").attr("checked","");
				</#list>
				<#list credit!! as c>
					$(".checks_3[value=${c}]").attr("checked","checked").parent().addClass("selected")
					$(".checks_3[value=${c}]").attr("checked","checked").parent().parent().children(".unlimited_3").removeClass("selected").children(".all_3").attr("checked","");
				</#list>
            });
        </script>
	</head>
<!---------- 我要投资\front\businessPage\tenderList.html ---------->
	<body>
    	<!-- 头部 -->
    	<#include "/front/common/header.html"/>
        <!-- 中部 -->
        <div class="tenderList_main">
        	<div class="tenderList_centre">
        		<div class="tenList_location_div">
                    <div class="tenList_location_div_left">
                         <span>
                            <b><a href="/index.jspx" style="color:#666;">我要投资</a></b>&nbsp;>
                            <b>投资标的列表</b>
                        </span>
                    </div>
                    <div class="tenList_location_div_right">
                        <b><a href="/member/v_ttransferinfoBuyableList.jspx">资产转让列表</a></b>
                    </div>
                	<div style="clear:both;"></div>
            	</div>
            	<!-- 筛选投资项目div -->
                <div class="tenList_filtrate_top">
                    <div class="tenList_filtrate_top_left">
                    	<div class="tenList_trading_assets_div">
                        	<span class="tenList_select">
                                <b>筛选投资标的</b>
                                <a href="/v_jsq2.jspx" target="_blank" style="font-size:12px; color:#090;">利息计算器</a>
                            </span><br />
                            <form action="/member/v_tfinanceinfoList1.jspx" method="post" id="jvForm">
                            	<ul class="tenList_trading_form_ul">
                                	<li class="tenList_trading_form_ul_li">
                                    	<ul class="select_1">
                                        	<li class="ten_1">标的类型</li>
                                            <li class="ten_2 unlimited_1">
                                            	<input type="checkbox" id="" name="targetType" value=" " class="all_1" />
                                    			<span>不限</span>
                                            </li>
                                            <li class="ten_3 tab_1">
                                            	<input type="checkbox" id="" name="targetType" value="1" class="checks_1" />
                                    			<span>信用认证标</span>
                                            </li>
                                            <li class="ten_3 tab_1">
                                            	<input type="checkbox" id="" name="targetType" value="2" class="checks_1" />
                                    			<span>实地认证标</span>
                                            </li>
                                            <li class="ten_3 tab_1">
                                            	<input type="checkbox" id="" name="targetType" value="3" class="checks_1" />
                                    			<span>机构担保标</span>
                                            </li>
                                            <li style="clear:both;"></li>
                                        </ul>
                                    </li>
                                    <li class="tenList_trading_form_ul_li">
                                    	<ul class="select_2">
                                        	<li class="ten_1">融资期限</li>
                                            <li class="ten_2 unlimited_2">
                                            	<input type="checkbox" id="" name="dateList" value=" " class="all_2" />
                                    			<span>不限</span>
                                            </li>
                                            <li class="ten_4 tab_2">
                                            	<input type="checkbox" id="" name="dateList" value="0,90" class="checks_2" />
                                    			<span>0-3个月</span>
                                            </li>
                                            <li class="ten_4 tab_2">
                                            	<input type="checkbox" id="" name="dateList" value="90,180" class="checks_2" />
                                    			<span>3-6个月</span>
                                            </li>
                                            <li class="ten_5 tab_2">
                                            	<input type="checkbox" id="" name="dateList" value="180,360" class="checks_2" />
                                    			<span>6-12个月</span>
                                            </li>
                                            <li class="ten_6 tab_2">
                                            	<input type="checkbox" id="" name="dateList" value="360,720" class="checks_2" />
                                    			<span>12-24个月</span>
                                            </li>
                                            <li class="ten_6 tab_2">
                                            	<input type="checkbox" id="" name="dateList" value="720,999" class="checks_2" />
                                    			<span>24个月以上</span>
                                            </li>
                                            <li style="clear:both;"></li>
                                        </ul>
                                    </li>
                                    <li class="tenList_trading_form_ul_li">
                                    	<ul class="select_3">
                                        	<li class="ten_1">信用等级</li>
                                            <li class="ten_2 unlimited_3">
                                            	<input type="checkbox" id="" name="credit" value=" " class="all_3" />
                                    			<span>不限</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="AA" class="checks_3" />
                                    			<span>AA</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="A" class="checks_3" />
                                    			<span>A</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="B" class="checks_3" />
                                    			<span>B</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="C" class="checks_3" />
                                    			<span>C</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="D" class="checks_3" />
                                    			<span>D</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="E" class="checks_3" />
                                    			<span>E</span>
                                            </li>
                                            <li class="ten_7 tab_3">
                                            	<input type="checkbox" id="" name="credit" value="HR" class="checks_3" />
                                    			<span>HR</span>
                                            </li>
                                            <li style="clear:both;"></li>
                                        </ul>
                                    </li>
                                    <li class="ten_butt"><input type="submit" class="form_butt" value="筛选" /></li>
                                </ul>
                        </div>
                    </div>
                    <div class="tenList_filtrate_top_right">
                        <ul>
                            <li style="font-size:20px; margin-bottom:20px;">新手指引</li>
                            <li><a href="/help/helpfinancing.jspx" target="block">什么是信用等级？</a></li>
                            <li><a href="/help/helpinvest.jspx" target="block">什么是信用认证标？</a></li>
                            <li><a href="/help/helpinvest.jspx" target="block">什么是实地认证标？</a></li>
                            <li><a href="/help/helpinvest.jspx" target="block">什么是机构担保标？</a></li>
                        </ul>
                    </div>
                    <div style="clear:both;"></div>
            	</div>
                <!-- 投资列表div -->
                <div  class="tenderList_investment_bottom">
                    <div class="tenList_inves_header">
                        <span><b>投资标的列表</b></span>
                    </div>
                	<!-- 错误提示 -->
                	<h1 style="width:940px; height:40px; line-height:40px; text-align:right; color:red;">${EMSG!}</h1>
                    <div class="tenderList_investment_list">
                        <ul>
                            <li class="tenList_title_header">
                                <span style="width:130px;">标的名称</span>
                                <span style="width:140px;">融资人</span>
                                <span style="width:80px;">信用等级</span>
                                <span style="width:120px;">金额</span>
                                <span style="width:120px;">期限</span>
                                <span style="width:70px;">年利率</span>
                                <span style="width:120px;">进度</span>
                            </li>
                            <#list pagination.list! as entity>
                                <li class="tenderList_investment_li_list hover">
                                    <ul>
                                        <li class="li_1">
                                            <#if entity.targettype??>
                                                    <img src="${base}/res/front/img/imagesForFront/targettype_${entity.targettype}.png" border="0" width="30" height="30" alt="<#list targettypeMap?keys as idKey><#if idKey==entity.targettype!?string>${targettypeMap[idKey]}</#if></#list>" title="<#list targettypeMap?keys as idKey><#if idKey==entity.targettype!?string>${targettypeMap[idKey]}</#if></#list>" />
                                                <#else>
                                                    <img src="${base}/res/front/img/imagesForFront/targettype_0.png" border="0" width="30" height="30" />
                                            </#if>
                                        </li>
                                        <li class="li_2" title="${entity.financekey!}">
                                            ${entity.financekey!} 
                                        </li>
                                        <li class="li_3" title="${entity.tmember.loginname!}">
                                            ${entity.tmember.loginname!} 
                                        </li>
                                        <li class="li_4">
                                              <img src="${base}/res/front/img/imagesForFront/${entity.tmember.tmembercredits[0].creditrating}.png" border="0" width="30" height="30" alt="${entity.tmember.tmembercredits[0].creditrating}" title="${entity.tmember.tmembercredits[0].creditrating}"  />
                                        </li>
                                        <li class="li_5" title="${entity.financeamount!}元">
                                            ${entity.financeamount!}<em style="font-size:12px;">元</em>
                                        </li>
                                        <li class="li_6">
                                            <#if (entity.financeallotedtime<30)>
                                                ${entity.financeallotedtime}<em style="font-size:12px;">日</em>
                                            <#else>
                                                ${entity.financeallotedtime/30}<em style="font-size:12px;">个月</em>
                                            </#if>
                                        </li>
                                        <li class="li_7">
                                            #{(entity.financepa!*100); m2M2}%
                                        </li>
                                        <li class="li_8">
                            			${(((entity.totaltendermoney!0)/(entity.financeamount!0))*100)!?floor}%
                                        </li>
                                        <li class="li_9">
                                            <#if entity.status==4>
                                                <a href="javascript:void(0);" onclick="linkTo('fiid',${entity.fiid},'sf1')" >
                                                    <img src="${base}/res/front/img/imagesForFront/bid_bg_enable.png" border="0" width="81" height="28" alt="已满标" title="已满标" />
                                                </a>	
                                            <#elseif entity.status==7>
                                 			<a href="javascript:void(0);" onclick="linkTo('fiid',${entity.fiid},'sf1')" >
                                            	<img src="${base}/res/front/img/imagesForFront/refund.png" border="0" width="81" height="28" alt="还款中" title="还款中" />
                                            </a>
			                                 <#else>
			                            				<a onclick="linkTo('fiid',${entity.fiid},'sf')" >
			                                            	<img src="${base}/res/front/img/imagesForFront/bid_bg.png" border="0" width="81" height="28" alt="投标" title="投标" />
			                                            </a>
			                                 </#if>
                                        </li>
                                    </ul>
                                </li>
                            </#list>
                        </ul>
                        <div style="clear:both;"></div>
                    </div>
                    <!-- 分页div -->
                    <div>
                            <input type="hidden" name="pageNo" value=""/>
                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin: 20px auto;">
                                <tr>
                                    <td align="center" class="pn-sp">
                                        共 ${pagination.totalCount} 条&nbsp;
                                        每页 ${pagination.pageSize} 条&nbsp;
                                   <!-- <input type="text" value="20" style="width:30px" onfocus="this.select();" onblur="$.cookie('_cookie_page_size',this.value,{expires:3650});" onkeypress="if(event.keyCode==13){$(this).blur();return false;}"/>-->
                                        <input type="button" class="first-page"value="首 页" onclick="_gotoPage('1');"<#if pagination.firstPage> disabled="disabled"</#if>/>
                                        <input type="button" class="pre-page" value="上一页" onclick="_gotoPage('${pagination.prePage}');"<#if pagination.firstPage> disabled="disabled"</#if>/>
                                        <input type="button" class="next-page" value="下一页" onclick="_gotoPage('${pagination.nextPage}');"<#if pagination.lastPage> disabled="disabled"</#if>/>
                                        <input type="button" class="last-page" value="尾 页" onclick="_gotoPage('${pagination.totalPage}');"<#if pagination.lastPage> disabled="disabled"</#if>/>&nbsp;
                                            当前 ${pagination.pageNo}/${pagination.totalPage} 页 &nbsp;转到第<input type="text" id="_goPs" style="width:50px" onfocus="this.select();" onkeypress="if(event.keyCode==13){$('#_goPage').click();return false;}"/>页
                                        <input id="_goPage" class="go"  type="button" value="转" onclick="_gotoPage($('#_goPs').val());"<#if pagination.totalPage==1> disabled="disabled"</#if>/>
                                    </td>
                                </tr>
                            </table>
                        </form>
                	</div>
                    
            	</div>
            </div>
        </div>
        <script type="text/javascript"> 
			function _gotoPage(pageNo) {
				try{
					var tableForm = getTableForm();
					$("input[name=pageNo]").val(pageNo);
					tableForm.action="/member/v_tfinanceinfoList1.jspx";
					tableForm.onsubmit=null;
					tableForm.submit();
				} catch(e) {
					alert('_gotoPage(pageNo)方法出错');
				}
			}
		</script> 
		<form action="/member/v_tfinanceinfoDetail.jspx" method="post" id="sf">
                                <input type="hidden" name="fiid" id="fiid"/>
                            </form> 
        <!-- 底部 -->
    	<#include "/front/common/footer.html"/>
	</body>
</html>
